<template>
  <div class="footer">
        <router-link to="/main">
          <van-icon name="wap-home-o" />
          <p>首页</p>
        </router-link>

        <router-link to="/newhome">
          <van-icon name="shop-collect-o" />
          <p>新房</p>
        </router-link>
        <router-link to="/oldhome">
          <van-icon name="shop-o" />
          <p>二手</p>
        </router-link>
        <router-link to="/renthome">
          <van-icon name="home-o" />
          <p>租房</p>
        </router-link>
   
        <router-link to="/my">
          <van-icon name="user-circle-o" />
          <p>我的</p>
        </router-link>
  </div>
</template>

<script>
// import mainPage from "@/router/mainPage.js";
export default {

};
</script>
<style scoped>
.footer {
  width: 100%;
  height: 50px;
  border-top: 1px solid #c0c0c0;
  padding: 0 15px;
 display: flex;
 justify-content: space-between;
 align-items: center;

}
 a{
   text-align: center;
  
 }
 /* 点击切换颜色 */
 .router-link-active{
   color: #f00;
 }

</style>